.workbench {
    height        : 100vh;
    overflow      : hidden;
    background    : #000;
    color         : #fff;
    display       : flex;
    flex-direction: column;
}

.body {
    display : flex;
    overflow: hidden;
    flex    : 1;
}

.menu {
    font-size    : 12px;
    border-bottom: 1px solid #b4b4b4;
}

.state {
    font-size : 12px;
    border-top: 1px solid #b4b4b4;
    padding   : 0 10px;
}

.three {
    flex    : 1;
    height  : 100%;
    overflow: hidden;
}

.panel {
    height     : 100%;
    overflow   : hidden;
    flex       : none;
    width      : 380px;
    border-left: #424242 solid 1px;

    &>:global(.ant-tabs) {
        height: 100%;

        &>:global(.ant-tabs-nav>.ant-tabs-nav-wrap>.ant-tabs-nav-list .ant-tabs-tab) {
            padding     : 4px 2px;
            writing-mode: vertical-rl;
        }

        &>:global(.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane) {
            padding-right: 0;
        }

        &>:global(.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane),
        &>:global(.ant-tabs-content-holder>.ant-tabs-content) {
            height  : 100%;
            overflow: auto;
        }
    }

    :global {
        :where(.css-dev-only-do-not-override-6zog6d).ant-tabs>.ant-tabs-nav .ant-tabs-nav-more {
            color: #fff;
        }
    }
}